<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<title>{$cat_name} -- {$tpshop_config['shop_info_store_title']}</title>
<meta name="keywords" content="{$tpshop_config['shop_info_store_keyword']}" />
<meta name="description" content="{$tpshop_config['shop_info_store_desc']}" />
<link rel="stylesheet" href="__STATIC__/css/myuser.css" type="text/css">
<link rel="stylesheet" href="__STATIC__/css/swiper.css?id=2" type="text/css">
<script src="__STATIC__/js/swiper.min.js"></script>
<link href="__PUBLIC__/css/lightgallery.css" type="text/css" rel="stylesheet" />
</head>

<body>
<!--------头部开始-------------->
<include file="Public/header" />
<include file="Public/topnav" />
<link rel="stylesheet" type="text/css" href="__STATIC__/css/aboutus.css">
<!--------头部结束-------------->

<div class="page_about">
  <div id="about_1" class="about_p1">
    <div class="about_margin1">
      <div class="about_cate">
        <p>
        <foreach name="article_list" key="kk1" item="vv1">
          <a <if condition="$vv1[article_id] eq $article[article_id]">class="on"</if> href="#about_{$vv1.sort}">{$vv1.title}</a>
        </foreach>
        </a>
      </div><!--about_cate-->
      
      <div class="about_tit"><div>{$article[title]}</div><p>Company profile</p></div>
      <div class="about_con">{$article[content]|htmlspecialchars_decode}</div>
    </div>
  </div><!--about_p1-->
  
  <div id="about_2" class="about_p2">
    <div class="about_margin2">
      <div class="about_tit"><div>朋伴的优势</div><p>The advantage of companion</p></div>
      <div class="about_youshi">
        <div class="about_ya">
          <tpshop sql="select * from `__PREFIX__article` where cat_id=23 and is_open=1 order by sort asc,article_id desc" key="k3" item='v3'>
            <a <if condition="$v3[sort] eq 1">class="on"</if> href="javascript:void(0)" data-id="{$v3.article_id}">{$v3.title}</a>
          </tpshop>
        </div><!--about_ya-->
        <div class="about_ybg"></div>
        <div class="about_yc">
          <div class="about_ycin">
          <tpshop sql="select * from `__PREFIX__article` where cat_id=23 and is_open=1 order by sort asc,article_id desc" key="k3" item='v3'>
            <div class="about_yccon{$v3.article_id} about_yccon" <if condition="$v3[sort] eq 1">style="display:block;"</if>>
              <div class="word">{$v3[content]|htmlspecialchars_decode}</div>
              <div class="pic"><img src="{$v3[thumb]}" /></div>
            </div>
          </tpshop>
          </div>
        </div><!--about_yc-->
      </div><!--about_youshi-->
    </div>
  </div><!--about_p2-->
  <script>
  $(document).ready(function(){
	$(".about_ya a").mouseover(function(){
		id = $(this).data("id");
		$(this).addClass("on").siblings().removeClass("on");
		$(".about_yccon"+id).show().siblings().hide();
	});
  });
  </script>
  
  <div class="about_p3">
    <div class="about_p3in">
      <div class="about_margin2">
        <div class="about_tit"><div>企业文化</div><p>corporate culture</p></div>
        <div class="about_wenhua">
          <tpshop sql="select * from `__PREFIX__article` where cat_id=24 and is_open=1 order by sort asc,article_id desc" key="k3" item='v3'>
            <div class="wenhua_p wenhua_p{$v3[sort]}">
              <div class="pad">
                <div class="h1">0{$v3[sort]}</div>
                <div class="h2">{$v3[title]}</div>
                <div class="h3">{$v3[content]|htmlspecialchars_decode}</div>
              </div>
            </div>
          </tpshop>
        </div><!--about_wenhua-->
      </div>
    </div>
  </div><!--about_p3-->
  
  <div class="about_p4">
    <div class="about_margin2">
      <div class="about_tit"><div>公司风采</div><p>Company's demeanor</p></div>
      <div class="about_fc">
        <div class="swiper-container">
        <div class="swiper-wrapper">
        <tpshop sql="select * from `__PREFIX__company_album` where status=1 order by add_time desc,id desc" key="k1" item='v1'>
          <div class="swiper-slide">
            <div class="about_fcpart">
              <div class="pad">
                <div class="bor">
                  <div class="pic">
                    <ul class="lightgallery_{$v1[id]} list-unstyled row">
                    <php>$i=1;</php>
                    <tpshop sql="select * from `__PREFIX__company_images` where a_id=$v1[id] order by sort asc,id desc" key="k2" item='v2'>
                    <li <if condition="$i neq 1">style="display:none;"</if> data-src="{$v2[images]}" data-sub-html="<h4>{:$v1[name]}</h4><p>"><a href=""><img class="img-responsive" src="{:$v2[images]}" /><div class="word">{$v1[name]}</div></a></li>
                    <php>$i++;</php>
                    </tpshop>
                    </ul>
                  </div><!--pic-->
                </div><!--bor-->
              </div><!--pad-->
            </div><!--about_fcpart-->
			<script type="text/javascript">
              $(document).ready(function(){
                  $(".lightgallery_{$v1[id]}").lightGallery();
              });
            </script>
          </div><!--swiper-slide-->
        </tpshop>
        </div>
        <!-- Add Pagination -->
        </div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
        
        <script src="__PUBLIC__/js/picturefill.min.js"></script>
 		<script src="__PUBLIC__/js/lightgallery-all.min.js"></script>
		<script src="__PUBLIC__/js/jquery.mousewheel.min.js"></script>
        <script>
		  var swiper = new Swiper('.swiper-container', {
			loop: true,
			grabCursor: true,
			slidesPerView: 2,
			autoplay: {
			  delay: 3500,
			  disableOnInteraction: false,
			},
			spaceBetween: 38,
			navigation: {
              nextEl: '.swiper-button-next',
              prevEl: '.swiper-button-prev',
		    },
		  });
		</script>
      </div><!--about_fc-->
    </div>
  </div><!--about_p4-->
  
  <div class="about_p5">
    <div class="about_margin2">
      <div class="about_tit about_tit_white"><div>服务项目</div><p>Service Items</p></div>
      <div class="about_service">
        <div class="about_ser">
          <div class="pad">
            <div class="h1"><i class="icon-shangbiaorenzheng"></i></div>
            <div class="h2">商标注册</div>
          </div>
        </div><!--about_ser-->
        <div class="about_ser">
          <div class="pad">
            <div class="h1"><i class="icon-icon"></i></div>
            <div class="h2">商务咨询</div>
          </div>
        </div><!--about_ser-->
        <div class="about_ser">
          <div class="pad">
            <div class="h1"><i class="icon-ketangpeixun"></i></div>
            <div class="h2">电商培训</div>
          </div>
        </div><!--about_ser-->
        <div class="about_ser">
          <div class="pad">
            <div class="h1"><i class="icon-ccc"></i></div>
            <div class="h2">CCC认证</div>
          </div>
        </div><!--about_ser-->
        <div class="clear"></div>
      </div><!--about_service-->
      
      <div class="about_qq">
        <foreach name="sales_list" item="vvv" key="kkk">
        <a href="tencent://Message/?Uin={$vvv.qq}&amp;Menu=yes">免费咨询</a>
        </foreach>
      </div><!--about_qq-->
    </div>
  </div><!--about_p5-->
  
  <div id="about_3" class="about_p6">
    <div class="about_margin2">
      <div class="about_tit"><div>联系我们</div><p>Contact us</p></div>
      <div class="about_cont">
        <div class="about_cico">
          <div class="pad">
            <div class="h1"><i class="icon-dingwei"></i></div>
            <div class="h2">联系地址</div>
            <div class="h3">广东省中山市古镇镇中兴大道26号华裕广场8层</div>
          </div>
        </div><!--about_cico-->
        <div class="about_cico">
          <div class="pad">
            <div class="h1"><i class="icon-ai-tel"></i></div>
            <div class="h2">联系电话</div>
            <div class="h3">0760-89860325、0760-89860352</div>
          </div>
        </div><!--about_cico-->
        <div class="about_cico">
          <div class="pad">
            <div class="h1"><i class="icon-youxiang"></i></div>
            <div class="h2">企业邮箱</div>
            <div class="h3">Pb@pengban.com.cn</div>
          </div>
        </div><!--about_cico-->
        <div class="clear"></div>
      </div><!--about_cont-->
      <div class="about_map"><include file="Public/map" /></div>
    </div>
  </div><!--about_p6-->
</div><!--page_about-->

<script src="__STATIC__/js/user_after.js"></script>

<!--------footer-开始-------------->
<include file="Public/footer" />
<!--------footer-结束-------------->

</body>
</html>